//  进入项目目录，安装依赖
//  npm install @craco/craco craco-less @babel/plugin-proposal-decorators babel-plugin-import -D

const CracoLessPlugin = require('craco-less')
const path = require('path')
const pathResolve = (pathUrl) => path.join(__dirname, pathUrl)

module.exports = {
  webpack: {
    alias: {
      // 配置路径别名
      '@': pathResolve('src') // src
    },
    plugins: []
  },
  babel: {
    // plugins: [['@babel/plugin-proposal-decorators', { legacy: true }]]
  },
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        // 此处根据 less-loader 版本的不同会有不同的配置，详见 less-loader 官方文档
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: {
              // 修改 less 文件中定义的变量
              // '@primary-color': '#e54546', // 全局主色  默认值 #1890ff
              // '@link-color': '#1890ff' // 链接色  默认值 #46a9ff
            },
            javascriptEnabled: true
          }
        }
      }
    }
  ]
}
